<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服务器管理</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- <link rel="stylesheet" href="./css/elment.css">-->
</head>

<body>
<div class="nav">
    <div class="con">
        <div class="nav_box_test"><a href="http://localhost/file.html">文件列表/同步文件</a></div>
        <div class="nav_box_test"><a href="http://localhost/servlet.html">服务器</a></div>
        <div class="nav_box_test"><a href="http://localhost/logs.html">日志</a></div>
        <div class="nav_box_test"><a href="http://localhost/server.html">检测服务器状态</a></div>
    </div>
</div>


<button id="buttonclick" type="button" class="btn btn-primary">查询服务器</button>

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
    添加服务器
</button>

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">服务器添加</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="http://localhost//addServer" method="post" id="sumitform">
                    <div class="form-group">
                        <label for="recipient-address" class="col-form-label">主机地址</label>
                        <input type="text" class="form-control" id="recipient-address" name="address" required>
                    </div>
                    <div class="form-group">
                        <label for="message-name" class="col-form-label">账户名</label>
                        <input type="text" class="form-control" id="message-name" name="username" required>
                    </div>
                    <div class="form-group">
                        <label for="message-password" class="col-form-label">密码</label>
                        <input type="password" class="form-control" id="message-password" name="password" required>
                    </div>
                    <div class="form-group">
                        <label for="message-administrator" class="col-form-label">管理员</label>
                        <input type="text" class="form-control" id="message-administrator" name="administrator"
                               required>
                    </div>
                    <div class="form-group">
                        <label for="message-email" class="col-form-label">管理员邮箱</label>
                        <input type="text" class="form-control" id="message-email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="message-phone" class="col-form-label">管理员电话</label>
                        <input type="text" class="form-control" id="message-phone" name="phone" required>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                        <button type="submit" class="btn btn-primary">提交</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<table class="table">
    <!--<caption>服务器信息</caption>-->
    <thead>
    <tr>
        <th scope="col">id</th>
        <th scope="col">服务器ip</th>
        <th scope="col">用户名</th>
        <th scope="col">密码</th>
        <th scope="col">管理员</th>
        <th scope="col">管理员邮箱</th>
        <th scope="col">管理员电话</th>
    </tr>
    </thead>
    <tbody>

    </tbody>
</table>
<script src="./js/axios.js"></script>
<script src="./js/moment.js"></script>
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap@4.6.2.js"></script>
<script src="js/servlet.js"></script>
<!--<script src="js/elment.js"></script>-->
<script>

</script>
</body>
</html>